<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="../js/jquery-1.12.4.js"></script>
    <script src="../js/home.js"></script>
    <link rel="stylesheet" href="../css/home.css">
</head>

<body>

    <div class="all">
        <div class="header">
            <div class="head">
                <div class="h-con">
                    <div class="h-con1">
                        <span>您好，欢迎光临特步官方商城！</span>
                    </div>
                    <ul class="h-con2">
                        <li>
                            <a href="">我的订单</a>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <a href="">帮助中心</a>
                        </li>
                        <li class="spacer"></li>
                        <li>
                            <a href="">团购定制</a>
                        </li>
                    </ul>
                </div>
            </div>

            <div class="content1">
                <div class="c1-con">
                    <div class="c1-con1"></div>

                    <div class="c1-con2">
                        <div class="c1-top">
                            <input type="text" name="" id="">
                            <Button class="c1-button">搜索</Button>
                        </div>
                        <div class="c1-bottom">
                            <a href="">热卖搜索：</a>
                            <a href="">减震旋跑鞋</a>
                            <a href="">山海休闲鞋</a>
                            <a href="">动力巢跑鞋</a>
                            <a href="">猫和老鼠联名款</a>
                            <a href="">游云篮球鞋</a>
                        </div>
                    </div>

                    <div class="c1-con3">
                        <div class="c1-con31">
                            <span class="left"></span>
                            <span class="count">
                                <a href="../html/cart.html">我的购物车</a>
                            </span>
                            <span class="right">></span>
                            <span class="yuan"></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="content2">
            <div class="c2-con">
                <div class="c2-con-left">
                    <h3>
                        <a href="">全部商品分类</a>
                    </h3>
                    <ul class="c2-con-list">
                        <li>
                            <dl>
                                <dt>
                                    <p>
                                        <a href="">男鞋</a>
                                    </p>
                                    <tt>
                                        <a href="">跑步鞋</a>

                                        <a href="">篮球鞋</a>

                                        <a href="">板鞋</a>

                                        <a href="">休闲鞋</a>

                                        <a href="">跑步鞋</a>

                                        <a href="">跑步鞋</a>

                                        <a href="">跑步鞋</a>
                                    </tt>
                                </dt>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <p>
                                        <a href="">女鞋</a>
                                    </p>
                                    <tt>
                                        <a href="">跑步鞋</a>

                                        <a href="">篮球鞋</a>

                                        <a href="">板鞋</a>

                                        <a href="">休闲鞋</a>

                                        <a href="">跑步鞋</a>

                                        <a href="">跑步鞋</a>

                                        <a href="">跑步鞋</a>
                                    </tt>
                                </dt>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <p>
                                        <a href="">科技跑鞋</a>
                                    </p>
                                    <tt>
                                        <a href="">动力巢科技</a>

                                        <a href="">减震旋科技</a>

                                        <a href="">騛速科技</a>

                                        <a href="">竞速160X</a>

                                        <a href="">氢云科技</a>

                                        <a href="">驭能科技</a>

                                        <a href="">竞训260</a>
                                    </tt>
                                </dt>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <p>
                                        <a href="">潮流尖货</a>
                                    </p>
                                    <tt>
                                        <a href="">二次元</a>

                                        <a href="">机甲系列</a>

                                        <a href="">山海系列</a>

                                        <a href="">国潮天乘</a>

                                        <a href="">怪兽大学</a>

                                        <a href="">兔八哥联名</a>

                                        <a href="">猫和老鼠联名</a>

                                        <a href="">姜子牙联名</a>
                                    </tt>
                                </dt>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <p>
                                        <a href="">男装</a>
                                    </p>
                                    <tt>
                                        <a href="">运动T恤</a>

                                        <a href="">休闲T恤</a>

                                        <a href="">短裤</a>

                                        <a href="">长裤</a>

                                        <a href="">针织衫/卫衣/长T</a>

                                        <a href="">运动套装</a>

                                        <a href="">外套夹克</a>

                                        <a href="">棉服</a>

                                        <a href="">羽绒服</a>
                                    </tt>
                                </dt>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <p>
                                        <a href="">女装</a>
                                    </p>
                                    <tt>
                                        <a href="">运动T恤</a>

                                        <a href="">休闲T恤</a>

                                        <a href="">短裤</a>

                                        <a href="">长裤</a>

                                        <a href="">针织衫/卫衣/长T</a>

                                        <a href="">运动套装</a>

                                        <a href="">外套夹克</a>

                                        <a href="">棉服</a>

                                        <a href="">羽绒服</a>
                                    </tt>
                                </dt>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <p>
                                        <a href="">童鞋</a>
                                    </p>
                                    <tt>
                                        <a href="">跑步鞋</a>

                                        <a href="">篮球鞋</a>

                                        <a href="">板鞋</a>

                                        <a href="">休闲鞋</a>

                                        <a href="">健康鞋</a>

                                        <a href="">凉鞋</a>

                                    </tt>
                                </dt>
                            </dl>
                        </li>

                        <li>
                            <dl>
                                <dt>
                                    <p>
                                        <a href="">童装</a>
                                    </p>
                                    <tt>
                                        <a href="">短袖</a>

                                        <a href="">短裤</a>

                                        <a href="">长裤</a>

                                        <a href="">套装</a>

                                        <a href="">外套/夹克</a>

                                        <a href="">羽绒服棉服</a>

                                        <a href="">毛衣/卫衣/长袖T恤</a>
                                    </tt>
                                </dt>
                            </dl>
                        </li>
                    </ul>
                </div>

                <ul class="c2-con-right">
                    <li>
                        <a href="../html/home.html">首页</a>
                    </li>
                    <li>
                        <a href="../html/run.html">跑步</a>
                    </li>
                    <li>
                        <a href="">男子</a>
                    </li>
                    <li>
                        <a href="">女子</a>
                    </li>
                    <li>
                        <a href="">儿童</a>
                    </li>
                    <li>
                        <a href="">配件</a>
                    </li>
                    <li>
                        <a href="">马拉松</a>
                    </li>
                    <li>
                        <a href="">优惠券</a>
                    </li>
                </ul>
            </div>
        </div>

        <div class="buttom">
            <div class="content3">
                <div class="img1">
                    <a href="">
                        <img data-origin="../images/2.jpg" alt="">
                    </a>
                </div>
                <div class="img2">
                    <a href="">
                        <img data-origin="../images/3.jpg" alt="">
                    </a>
                </div>
                <div class="img3">
                    <a href="">
                        <img data-origin="../images/4.jpg" alt="">
                    </a>
                    <a href="">
                        <img data-origin="../images/5.jpg" alt="">
                    </a>
                    <a href="">
                        <img data-origin="../images/6.jpg" alt="">
                    </a>
                    <a href="">
                        <img data-origin="../images/7.jpg" alt="">
                    </a>
                    <a href="">
                        <img data-origin="../images/8.jpg" alt="">
                    </a>
                </div>
                <div class="img4">
                    <a href="">
                        <img data-origin="../images/9.jpg" alt="">
                    </a>
                </div>
                <div class="img5">
                    <a href="">
                        <img data-origin="../images/10.jpg" alt="">
                    </a>
                </div>
                <div class="img6">
                    <a href="">
                        <img data-origin="../images/11.jpg" alt="">
                    </a>
                </div>
                <div class="img7">
                    <a href="">
                        <img data-origin="../images/12.jpg" alt="">
                    </a>
                </div>
                <div class="img7">
                    <a href="">
                        <img data-origin="../images/13.jpg" alt="">
                    </a>
                </div>
                <div class="img7">
                    <a href="">
                        <img data-origin="../images/17.jpg" alt="">
                    </a>
                </div>

                <div class="img8">
                    <a href="">
                        <img data-origin="../images/14.jpg" alt="">
                    </a>
                    <a href="">
                        <img data-origin="../images/15.jpg" alt="">
                    </a>
                    <a href="">
                        <img data-origin="../images/16.jpg" alt="">
                    </a>
                </div>
                <div class="img8">
                    <a href="">
                        <img data-origin="../images/14.jpg" alt="">
                    </a>
                    <a href="">
                        <img data-origin="../images/15.jpg" alt="">
                    </a>
                    <a href="">
                        <img data-origin="../images/16.jpg" alt="">
                    </a>
                </div>
                <div class="img8">
                    <a href="">
                        <img data-origin="../images/14.jpg" alt="">
                    </a>
                    <a href="">
                        <img data-origin="../images/15.jpg" alt="">
                    </a>
                    <a href="">
                        <img data-origin="../images/16.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>

    </div>

</body>

</html>